//vueRouter是vue的一个插件 先要引入vue的类
import Vue from 'vue'
//引入VueRouter类
import VueRouter from 'vue-router'
//路由匹配成功后像是组件的引入
import Home from '../views/Home'
import About from '../views/About'
import Admin from '../views/Admin'
import Login from '../views/Admin/Login'
import Welcome from '../views/Admin/Welcome'
//把VueRouter类添加到Vue中 
Vue.use(VueRouter)
//定义路由表 定义路由表，是数组形式，里面是一个个对象
//匹配规则：从上向下,匹配到则停止向下
//定义原则：精准写在上面,模糊写在下面
const routes =[
  {
    //匹配的路由规则
    path:'/',
    //路由名称 name： 'home'
    //路由规则匹配成功后，要显示的组件
    component:Home
  },
  {
    path: '/about',
    component: About
  },
  {
    path: '/admin',
    component: Admin,
    // 重定向
    // redirect: '/admin/login',
    // 路由的嵌套
    children: [
      {
        path: 'login',
        component: Login
      },
      {
        path: 'welcome',
        component: Welcome
      },
    ]
  },
  // {
  //   path:'*',
  //   component:Notfound
  // }
]
//实例化路由
const router = new VueRouter({
  //vue路由的模式，history|hash|abstract
  mode:'history',
  //基础访问路径 process.env 环境变量
  base:process.env.BASE_url,
  //路由规则配置表
  //routes:routes
  routes
})
//在这里导出
export default router